<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>二手车首页</title>
		<link rel="stylesheet" th:href="${#request.getContextPath()+'/css/index.css'}" />
		<link rel="stylesheet" th:href="${#request.getContextPath()+'/font/iconfont.css'}" />
		<link rel="stylesheet" th:href="${#request.getContextPath()+'/css/login.css'}" />
		<script th:src="${#request.getContextPath()+'/js/jquery-3.5.1.min.js'}"></script>
		<script th:src="${#request.getContextPath()+'/js/sy/shouye-js.js'}"></script>
		<script>
			window.onload = function() {
				$("#top_iframe").contents().find(".rrc-header .rrc-header-fluid .rrc-header-log .log-ul li .log-tel").css("color","#ffffff")
				$("#top_iframe").contents().find(".rrc-header .rrc-header-fluid .rrc-header-log .log-ul li .log-login").css("color","#ffffff")
				$("#top_iframe").contents().find(".rrc-header .rrc-header-fluid .nav-ul li a").css("color","#ffffff")
				$("#top_iframe").contents().find(".rrc-header .rrc-header-fluid .rrc-header-log .log-ul li .log-hr").css("background-color","#ffffff")
			}
		</script>
	</head>
	<body>
		<div class="rrc-top"> 
			<iframe id="top_iframe" th:src="${#request.getContextPath()+'/iframe/top.html'}" class="top-iframe"></iframe>
		</div>
		<div class="index-buy-sale">
			<div class="index-buy-left">
				<div class="index-buy-text">
					<a href="javascript:;" class="index-buy-buy">我要买车</a>
					<input type="text" id="search-input" value="" placeholder="超值车" class="index-buy-input" />
					<div class="index-buy-search-btn"></div>
				</div>
				<div class="buy-filter">
					<ul class="buy-filter-ul">
						<li><a href="javascript:;">3万以下</a></li>
						<li><a href="javascript:;">3万以下</a></li>
						<li><a href="javascript:;">3万以下</a></li>
						<li><a href="javascript:;">3万以下</a></li>
						<li><a href="javascript:;">3万以下</a></li>
						<li><a href="javascript:;">3万以下</a></li>
						<li><a href="javascript:;">3万以下</a></li>
						<li><a href="javascript:;">3万以下</a></li>
					</ul>
					<ul class="buy-filter-ul">
						<li><a href="javascript:;">降价车</a></li>
						<li><a href="javascript:;">急售车</a></li>
						<li><a href="javascript:;">紧凑型车</a></li>
						<li><a href="javascript:;">中大型车</a></li>
						<li><a href="javascript:;">超值SUV</a></li>
						<li><a href="javascript:;">白色</a></li>
						<li><a href="javascript:;">黑色</a></li>
						<li><a href="javascript:;">银灰色</a></li>
					</ul>
					<ul class="buy-filter-ul">
						<li><span class="car-icon" style="background: url(image/car-icon/dazhong.png) no-repeat; background-size: 18px; background-position: center;"></span><a href="javascript:;" style="margin-left: 3px;">大众</a></li>
						<li><span class="car-icon" style="background: url(image/car-icon/dazhong.png) no-repeat; background-size: 18px; background-position: center;"></span><a href="javascript:;" style="margin-left: 3px;">大众</a></li>
						<li><span class="car-icon" style="background: url(image/car-icon/dazhong.png) no-repeat; background-size: 18px; background-position: center;"></span><a href="javascript:;" style="margin-left: 3px;">大众</a></li>
						<li><span class="car-icon" style="background: url(image/car-icon/dazhong.png) no-repeat; background-size: 18px; background-position: center;"></span><a href="javascript:;" style="margin-left: 3px;">大众</a></li>
						<li><span class="car-icon" style="background: url(image/car-icon/dazhong.png) no-repeat; background-size: 18px; background-position: center;"></span><a href="javascript:;" style="margin-left: 3px;">大众</a></li>
						<li><span class="car-icon" style="background: url(image/car-icon/dazhong.png) no-repeat; background-size: 18px; background-position: center;"></span><a href="javascript:;" style="margin-left: 3px;">大众</a></li>
						<li><span class="car-icon" style="background: url(image/car-icon/dazhong.png) no-repeat; background-size: 18px; background-position: center;"></span><a href="javascript:;" style="margin-left: 3px;">大众</a></li>
						<li><a href="javascript:;">全部品牌</a></li>
					</ul>
				</div>
			</div>
			<div class="index-sale-right">
				<div class="index-sale-text">
					<a href="javascript:;" class="index-sale-sale">我要卖车</a>
				</div>
				<div class="index-sale-in">
					<input type="text" name="" value="" placeholder="请输入手机号" class="sale-in-input" />
					<button type="button" class="sale-in-btn">卖车</button>
				</div>
				<img src="image/baomai-img-d-f609fced.png" />
			</div>
		</div>
		<div class="login-all display-none" id="loginAll">
			<div class="login anim-scale layui-anim-scaleSpring">
				<span class="iconfont icon-close"id="closeLogin"></span>
				<h2 class="login-title">登录人人车</h2>
				<p class="login-p">输入手机号码即可注册登录</p>
				<div class="input-box">
					<input class="input" type="text" id="phone" placeholder="请输入手机号码"/>
					<button class="button" id="sendVerCode" type="button">获取验证码</button>
				</div>
				<div class="input-box"style="margin-bottom: 0;">
					<input class="input" type="text" placeholder="请输入验证码"/>
				</div>
				<div class="input-box" style="border: none; height: 18px; margin-bottom: 0;line-height: 18px;">
					<span class=""id="loginMes" style="color: #fd521d; font-size: 12px;"></span>
				</div>
				<button class="login-btn" id="loginBtn" type="button">登录</button>
				<div class="provision">
					<input type="checkbox" id="provision" class="provision-checkbox" />
					<span style="font-size: 12px; color: #999999; vertical-align: top">已阅读并同意</span>
					<a href="javascript:;" style="color: #FF6B23; vertical-align: top; font-size: 12px;">《人人车用户服务协议》</a>
					<span style="font-size: 12px; color: #999999; vertical-align: top">及</span>
					<a href="javascript:;" style="color: #FF6B23; vertical-align: top; font-size: 12px;">《法律声明和用户隐私政策》</a>
				</div>
			</div>
		</div>
	</body>
	<script th:src="${#request.getContextPath()+'/js/login.js'}"></script>
</html>
